<script setup>
import { replaceProjectInfo } from '@/utils/site'
import { ref, onMounted, computed } from 'vue';
import { useAppStore } from '@/store/modules';
const appStore = useAppStore();
const siteInfo = computed(() => appStore.siteInfo);
let myChannelName = computed(() => {
  return siteInfo.value.channelName;
})
let siteName = computed(() => {
  return siteInfo.value.siteName;
})
defineProps({
  payAgree: Boolean,
})
const emit = defineEmits(['update:payAgree'])
const close = () => {
  emit('update:payAgree', false)
}
// const show = ref(false)
</script>

<template>
  <van-popup position="bottom" :show="payAgree" round closeable @close="close" @click-overlay="close">
    <div class="popupSty">
      <h3 style="text-align: center;">
        用户支付协议
      </h3>
      <p>鉴于：</p>
      <p class="textIndent">
        甲方现拓展了{{ siteName }}人工智能服务板块，助力推动短视频带货业务的产品孵化升级和赋能，根据国家法律有关规定，双方按照平等自愿、诚实信用的原则，特订立本协议。
      </p>
      <p style="margin-top: 30rpx;font-weight: bold;">
        特别提示：
      </p>
      <p class="textIndent">
        为获得协议项下服务，用户（即乙方）需在认真阅读及独立思考的基础上认可、同意本协议的全部条款并按照页面上的提示完成全部的开通会员程序。
      </p>
      <p class="textIndent">
        乙方在进行开通会员过程中点击"同意"
        按钮（或实际使用协议服务）即表示乙方完全接受本服务协议及甲方公示的各项规则、规范。如乙方对本服务协议或协议的任何部分存有任何异议，应终止开通会员程序。未成年用户应在监护人的陪同下阅读本协议，并在监护人同意后接受本协议、使用服务。
      </p>

      <p class="textIndent">
        一、乙方向甲方支付人民币购买{{ siteName }}年卡会员（价格以实际支付价格为主）后，即可以成为{{ siteName }}人工智能服务代理服务商，享有{{ siteName }}智能赋能服务。
      </p>
      <p class="textIndent">
        二、服务期限：自签约之日起一年内（时间以实际购买期限/次数为主）
      </p>
      <p class="textIndent">
        三、年会会员退费规则：购买会员后1个月内可申请退费，退款费用为交易金额减去赠送算力（500算力25元）费用。例如购买会员365元，退款费用=365-25=340元。退款后会员权限取消相关功能无法使用
        算力退费规则：算力充值后不得申请退费，请广大达人根据自己的实际需要谨慎充值
      </p>
      <p class="textIndent">
        四、乙方不得在本合作以外的场合使用甲方商号、商标、标志、记号、样式、标签和招牌等，同时严禁使用与甲方商标相同或相似的作为乙方公司名的所有或一部分，或作其它用途。
        本协议终止或解除后，乙方不得以任何理由再使用甲方商标、标志、样式、招牌等。
        未经甲方允许，乙方禁止在一切线上、线下平台使用或销售包含甲方商标、服务标志及表达这些标志、记号、样式、标签、招牌的产品或销售与甲方类似的其他商品，乙方违反本约定的，甲方保留追究乙方相应责任的一切法律权利。
      </p>
      <p class="textIndent">
        五、除非法律另有要求，本协议的内容应被视为保密信息，双方在未获得对方书面同意的情况下，不得将任何与本协议相关的信息披露给第三方。
      </p>
      <p class="textIndent">
        六、双方应按本协议约定履行，如有违反，守约方有权要求违约方及时改正，拒不改正或给守约方造成损失的，守约方有权要求解除本协议并要求违约方赔偿，并承担守约方为主张权利产生的全部诉讼/仲裁费、律师费、保全费、担保费、公告费等。
      </p>
      <p class="textIndent">
        七、甲方有权根据需要修改本协议的条款，一旦本协议的内容发生变动，甲方将会在APP上公布修改之后的协议内容，甲方也可选择通过其他适当方式（比如系统通知）向乙方通知修改内容。
        如果不同意甲方对本协议相关条款所做的修改，乙方有权停止使用相关服务。如果用户继续使用相关服务，则视为乙方接受甲方对本协议相关条款所做的修改。
      </p>
      <p class="textIndent">
        八、本协议自乙方开通会员服务或确认协议之日起生效。乙方开通会员成功即表示同意接受本协议的约束，认可本协议的效力。
      </p>
      <p class="textIndent">
        九、因本协议履行产生争议的，各方均可向甲方所在地法院起诉。
      </p>
    </div>
  </van-popup>
</template>

<style lang="less" scoped>
.popupSty {
  padding: 20rpx;
  // width: 7.5rem;
  height: 850rpx;
  overflow: scroll;

  &::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
    color: transparent;
  }
}

.textIndent {
  text-indent: 32rpx;
  line-height: 50rpx;
}
</style>
